@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';

.userManage {
  .textIndent {
    position: relative;
    padding-left: 24px;
  }

  .searchHeader {
    width: 100%;
    margin-left: -56px;

    .title {
      margin-bottom: 30px;
      text-align: left;
      font-size: 20px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.85);
    }
  }
}

.userContent {
  display: flex;
  justify-content: space-around;
  min-height: ~'calc(100vh - 240px)';
  .tree {
    width: 300px;
    overflow: auto;
    background: #fff;
    border-right: 1px solid rgba(232, 232, 232, 1);
  }

  .contentInfo {
    width: ~'calc(100% - 300px)';
  }
}

.tableList {
  .tableListOperator {

   margin-bottom: 20px;
  }
}

.tableListForm {
  :global {
    .ant-form-item {
      margin-bottom: 24px;
      margin-right: 0;
      display: flex;

      > .ant-form-item-label {
        width: auto;
        line-height: 32px;
        padding-right: 8px;
      }

      .ant-form-item-control {
        line-height: 32px;
      }
    }

    .ant-form-item-control-wrapper {
      flex: 1;
    }
  }

  .submitButtons {
    display: block;
    white-space: nowrap;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: @screen-lg) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .userManage {
    .searchHeader {
      margin-left: 0;
    }
  }

  .tableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}
